<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title >验证表单之文本输入框</title>
</head>
<body>
    <form action="birth.jsp" method="post">
        <table border="1" cellspacing="0" align="left" cellpadding="5" >
            <caption  style="color: blue;"><b><i>表单之文本输入框</i></b></caption>
            <tbody>
                <tr>
                    <td>用户名：</td>
                    <td><input type="text" name="username" /></td>
                </tr>
                <tr>
                    <td>性别：</td>
                    <td>
                        <input  id="male" type="radio" name="gender" value="male">
                        <label for="male">男</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <label>
                            <input type="radio" name="gender" value="female" checked>女
                        </label>
                    </td>
                </tr>
                <tr>
                    <td>出生年月：</td>
                    <td><input type="text" name="birthday" placeholder="出生年月" /></td>
                </tr>
                <tr>
                    <td>身份证号：</td>
                    <td><input type="text" name="id" placeholder="身份证号" /></td>
                </tr>
                <tr>
                    <td>邮箱：</td>
                    <td><input type="email" name="email" placeholder="@" /></td>
                </tr>
                <tr>
                    <td>学历：</td>
                    <td>
                        <select name="education background">
                            <option value="qingxuanze">--请选择--</option>
                            <option value="xiaoxue">小学</option>
                            <option value="chuzhong">初中</option>
                            <option value="gaozhong">高中</option>
                            <option value="daxue">大学</option>
                            <option value="yanjiusheng">研究生</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>国家区号：</td>
                    <td>
                        <input type="text" name="86" placeholder="86" size="1">
                        -地区区号<input type="text" name="quhao" size="5" />
                        -电话号码<input type="text" name="tel"  size="5" />
                        -分机号码<input type="text" name="tel-fen"  size="5" />
                    </td>
                </tr>
                <tr>
                    <td>兴趣爱好：</td>
                    <td>
                        <input type="checkbox" name="hobby" value="pingpang">乒乓球
                        <input type="checkbox" name="hobby" value="yumaoqiu" checked>羽毛球
                        <input type="checkbox" name="hobby" value="shangwang">上网
                        <input type="checkbox" name="hobby" value="travel">旅游
                        <input type="checkbox" name="hobby" value="shopping">购物
                    </td>
                </tr>
                <tr>
                    <td>手机号码：</td>
                    <td><input type="text" name="shoujihaoma" /></td>
                </tr>
                <tr>
                    <td>省份</td>
                    <td>
                        <select name="province" multiple>
                            <option value="1">太原市</option>
                            <option value="2">临汾市</option>
                            <option value="3">朔州市</option>
                            <option value="4">北京市</option>
                            <option value="5">苏州市</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>你的描述：</td>
                    <td>
                        <textarea name="introduce" cols="20" rows="10" wrap="soft">
                            做勇敢的事
                            说有用的话
                            想美好的事
                            睡安稳的觉
                        </textarea >
                    </td>
                </tr>
            </tbody>
        </table>
    </form>
</body>
</html>